<template>
<div class>
  <head title="Help"></head>
  <div class="wrapper">
    <div class="mt20"></div>
    <!-- <x-cell title="问题1" @cellClick="gonext('root:app/user/help/question.js',{type:0})"> </x-cell> -->
    <x-cell
      v-for="(item,index) in helpList"
      :key="index"
      :title="item.title"
      :hasArrow="true"
      @cellClick="gonext('root:app/user/help/question.js',{id:item.id})"
    ></x-cell>
  </div>
  <div class="maskClack" @click="e=>e.stopPropagation()" v-if="isLoading">
    <floading class="indicator" color="#303030"></floading>
  </div>
</div>
</template>

<script>
import { get_help_list } from "../../../mixin/ajax";
export default {
  components: {
    "x-cell": require("../../../component/cell.vue")
  },
  data() {
    return {
      helpList: []
    };
  },
  methods: {
    onLoad(parmar) {
      if (parmar && parmar.param) {
        return false;
      }
      if (parmar.id) {
        get_help_list(
          {
            type: parmar.id,
            page: 1,
            page_num: 10
          },
          (res, flag) => {
             
            if (flag) {
              this.helpList = res.data.list;
            }
          }
        );
      }
    },
    gonext(url, parmar) {
      this.push(url, parmar);
    }
  }
};
</script>

<style scoped="scoped">
.wrapper {
  background-color: #f5f5f5;
}

.mt20 {
  margin-top: 20px;
}
</style>
